<include file="public@header" />
<style>
	.expander{margin-left: -20px;}
	.action_ul{overflow:hidden; font-size:15px; font-family:'黑体'; margin:10px 0px;}
	.action_ul li{padding:0px 10px; display:inline;text-align:center; float:left; cursor:pointer}
	.action_ul li img{margin:5px 0}
	.action_ul li p{margin: 0 0 5px;}
	.visua_div{border:2px solid #E3EEF4; white-space: nowrap;overflow-x: auto;}
	.visua_child{position:relative;display: inline-block;width:155px; height:140px; border-radius:10px; margin:3px; text-align:center; padding:15px 0 10px 0; vertical-align: text-top;}
	.visua_child input{margin: 0 2px; background:#fff}
	.visua_child p{margin: 0 0 3px;}
	.borderRight{border-right:2px solid #ccc}
	.bg_qianlv{background-color:#E9FEC0;}
	.bg_huanglv{background-color:#808000;}
	.bg_lan{background-color:#8080FF;}
	.bg_cheng{background-color:#F7E1CC;}
	.bg_hui{background-color:#E6E6E6;}
	.bg_lv{background-color:#00CC00;}
	.bg_huang{background-color:#F3D776;}
	.bg_red{background-color:#FF6699;}
	.bg_mei{background-color:#E792E0;}
	.bg_blue{background-color:#33CCFF;}
	.gege{width:15px; height:15px; float:left; margin:0 3px}
	.visua_child img{position:absolute; margin-top:-15px; left:85%; width:15px; height:15px}

</style>
</head>
<body>
<div class="wrap js-check-wrap">
	<ul class="nav nav-tabs">
		<li class="active"><a href="{:url('visual/register')}">{:lang('可视化墓区')}</a></li>
		<li><a href="{:url('visual/sale')}">墓位信息</a></li>
		<!--<li><a href="{:url('orders/buyer')}">申请人信息</a></li>-->
		<li><a href="{:url('visual/applyer')}">购墓人信息</a></li>
		<li><a href="{:url('visual/user')}">使用人信息</a></li>
		<li><a href="{:url('visual/chooseGoods')}">商品选购</a></li>
		<li><a href="{:url('visual/signContract')}">合同签订</a></li>
		<li><a href="{:url('visual/orderPay')}">订单支付</a></li>
	</ul>
	<form class="js-ajax-form" action="{:url('visual/register')}" method="post">
		<div class="table_full">
			<table cellspacing="0" id="dnd-example" style="width:19%; float:left">
				<thead>
				<tr>
					<th>
						<input type="text" class="form-control" style=" width:80%; margin-bottom:10px;" name="name" value="{$name}" placeholder="按照陵园名称搜索"/>
					</th>
				</tr>
				</thead>
				<tbody>
				{$categorys}
				</tbody>
			</table>
			<div style="width:80%; float:left;">
				<div style=" overflow:hidden; background:#F7F7F7; padding:5px 10px">
					<div class="bg_huanglv gege"></div><span style="float:left">无产品</span>
					<div class="bg_hui gege"></div><span style="float:left">空闲</span>
					<div class="bg_cheng gege"></div><span style="float:left">保留</span>
					<div class="bg_lv gege"></div><span style="float:left">定金</span>
					<div class="bg_huang gege"></div><span style="float:left">购买未使用</span>
					<div class="bg_mei gege"></div><span style="float:left">部分安葬</span>
					<div class="bg_red gege"></div><span style="float:left">全部安葬</span>
					<div class="bg_blue gege"></div><span style="float:left">迁出</span>
				</div>
				<ul class="action_ul">
					<!--<li>
                        <a id="editStatus">
                            <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                            <p>修改产品信息</p>
                        </a>
                    </li>
                    <li class="borderRight">
                        <a id="productInfo">
                            <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                            <p>产品详情</p>
                        </a>
                    </li>
                    <li >
                        <a id="">
                            <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                            <p>抵顶人</p>
                        </a>
                    </li>
                    <li >
                        <a id="">
                            <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                            <p>修改价格</p>
                        </a>
                    </li>
                    <li>
                        <a class="js-ajax-delete" data-msg="确定要删除吗？"
                            href="{:url('Cate/toggle',array('ids'=>1))}">
                            <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                            <p>删除</p>
                        </a>
                    </li>
                    <li class="borderRight">
                        <a id="editTombarea">
                            <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                            <p>修改墓区</p>
                        </a>
                    </li>-->
					<li>
						<a class="js-ajax-delete" data-msg="确定要保留吗？"
						   href="{:url('Tombarea/toggle',array('ids'=>1))}">
							<img src="__TMPL__/Public/assets/images/ico_msg_s.png">
							<p>保留</p>
						</a>
					</li>
					<li class="borderRight">
						<a class="js-ajax-delete" data-msg="确定要取消保留吗？"
						   href="{:url('Tombarea/toggle',array('ids'=>1))}">
							<img src="__TMPL__/Public/assets/images/ico_msg_s.png">
							<p>取消保留</p>
						</a>
					</li>
					<!-- <li>
                         <a class="js-ajax-delete" data-msg="确定要取消隐藏吗？"
                             href="{:url('Tombarea/toggle',array('ids'=>1))}">
                             <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                             <p>取消隐藏</p>
                         </a>
                     </li>
                     <li class="borderRight">
                         <a class="js-ajax-delete" data-msg="确定要隐藏吗？"
                             href="{:url('Tombarea/toggle',array('ids'=>1))}">
                             <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                             <p>隐藏</p>
                         </a>
                     </li>-->
					<li class="borderRight">
						<a href="javascript:location.reload();">
							<img src="__TMPL__/Public/assets/images/ico_msg_s.png">
							<p>刷新</p>
						</a>
					</li>
					<li>
						<p style=" margin-top: 10px;">
							<a class="btn" onClick="selectAll()">全选</a>
							<a class="btn" onClick="selectNone()">全不选</a>
							<a class="btn" onClick="selectInvert()">反选</a>
						</p>
					</li>
				</ul>
				<div class="visua_div">
					<div class="visua_child bg_hui">
						<img src="__TMPL__/Public/assets/images/peo.png" name="diding" title="抵顶人姓名:张三"/>
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>双穴</p>
						<p>单价:36000.00</p>
					</div>
					<div class="visua_child bg_lv">
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>三穴</p>
						<p>单价:36000.00</p>
					</div>
					<div class="visua_child bg_hui">
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>单穴</p>
						<p>单价:36000.00</p>
					</div>
					<div class="visua_child bg_hui">
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>单穴</p>
						<p>单价:36000.00</p>
					</div>
					<div class="visua_child bg_hui">
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>单穴</p>
						<p>单价:36000.00</p>
					</div>
					<div class="visua_child bg_hui">
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>双穴</p>
						<p>单价:36000.00</p>
					</div>
					<br />
					<div class="visua_child bg_huang">
						<img src="__TMPL__/Public/assets/images/peo.png" name="diding" title="抵顶人姓名:李四"/>
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>单穴</p>
						<p>业务员:锁应知</p>
						<p>合同:JFFW011</p>
					</div>
					<br />
					<div class="visua_child bg_lv">
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>单穴</p>
						<p>业务员:锁应知</p>
					</div>
					<div class="visua_child bg_red">
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>单穴</p>
						<p>业务员:锁应知</p>
						<p>逝者:张三</p>
						<p>合同:JFFW011</p>
					</div>
					<br />
					<div class="visua_child bg_blue">
						<p><input type="checkbox" name="no[]">JF5-2</p>
						<p>单穴</p>
						<p>业务员:锁应知</p>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
<script src="__STATIC__/js/admin.js?v={:time()}"></script>
<script type="text/javascript">
	$(document).ready(function () {
		Wind.css('treeTable');
		Wind.use('treeTable', function () {
			$("#dnd-example").treeTable({
				indent: 20
			});
		});
	});
	$(document).on("click","[name='title']",function(){
		<!--没有子级时触发事件-->
		if($(this).parents("tr").attr("class").indexOf("collapsed") < 0 ) {

			alert($(this).attr("id"));
		}
	})
	$(document).on("click","#editStatus",function(){
		var name = $("input[name='no[]']:checked");
		<!--没有子级时触发事件-->
		if(name.length < 1 ) {

			alert("请选择数据！");
		}else{
			$(this).attr("href","{:url('Admin/Visua/product',array('id'=>1))}");
			//$(this).attr("href","javascript:parent.open_iframe_dialog('{:url('Admin/Visua/editStatus',array('id'=>1))}','修改状态',{}, '500px', '550px')")
		}
	})
	$(document).on("click","#productInfo",function(){
		var name = $("input[name='no[]']:checked");
		<!--没有子级时触发事件-->
		if(name.length < 1 ) {

			alert("请选择数据！");
		}else{

			$(this).attr("href","{:url('Admin/Tombarea/productInfo',array('id'=>1))}");

		}
	})
	$(document).on("click","#editTombarea",function(){
		var name = $("input[name='no[]']:checked");
		<!--没有子级时触发事件-->
		if(name.length < 1 ) {

			alert("请选择数据！");
		}else{

			$(this).attr("href","{:url('Admin/Tombarea/add',array('id'=>1))}");

		}
	})

	//全选
	function selectAll(){
		var name = document.getElementsByName("no[]");
		for(var i=0;i<name.length;i++){
			name[i].checked=true;
		}
	}
	//全不
	function selectNone(){
		var name = document.getElementsByName("no[]");
		for(var i=0;i<name.length;i++){
			name[i].checked=false;
		}
	}
	//反选
	function selectInvert(){
		var name = document.getElementsByName("no[]");
		for(var i=0;i<name.length;i++){
			if(name[i].checked)
				name[i].checked=false ;
			else
				name[i].checked=true ;
		}
	}
</script>
<admintpl file="Visua/editStatus"/>
</body>
</html>
